.root {
    :global {
        // .ant-card-head {
        //     background: none;
        //     border-bottom: 1px #ddd solid;
        //     padding: 0;
        //     min-height: 25px;
        //     color: #999;
        // }
        // .ant-card-head-title {
        //     font-size: 12px;
        //     padding: 0 10px;
        //     color: #999;
        // }
        // .ant-card-extra {
        //     padding: 0;
        //     b {
        //         color: #0090FF;
        //     }
        // }
        // .ant-card-body {
        //     padding: 10px 0;
        //     overflow: hidden;
        // }
        // ol {
        //     list-style-position: inside;
        //     padding: 0 20px;
        //     font-size: 12px;
        // }

        // .scale {
        //     td {
        //         height: 80px;
        //         text-align: center;
        //         line-height: 80px;
        //         white-space: nowrap;
        //         padding: 0 10px;
        //     }
        // }
        // .gezi {
        //     td {
        //         width: 80px;
        //         height: 80px;
        //         text-align: center;
        //         line-height: 80px;
        //         background: rgba(151, 185, 220, 0.2);
        //         border: 1px solid rgba(202, 214, 225, 1);
        //         color:#fff;
        //     }
        // }
        // .style {
        //     td {
        //         width: 80px;
        //         text-align: center;
        //         padding: 10px 0;
        //     }
        // }
        // .sketchMap{
        //     dt,dd{
        //         display: inline-block;
        //     }
        //     .gezi {
        //         td {
        //             text-indent: -1000px;
        //             &.on {
        //                 background: rgba(151, 185, 220, 1);
        //                 border: 1px solid rgba(151, 185, 220, 1);
        //             }
        //         }
        //     }

        // }
        // .legend{
        //     dd,dt{
        //         display: inline-block;
        //     }
        //     dt{
        //         width:15px;
        //         height:15px;
        //         margin-right: 5px;
        //     }
        // }
        // .returnValuation{
        //     .gezi{
        //         td{
        //             color: #333;
        //         }
        //     }
        // }
        // .returnValuationItem{
        //     .ant-card-head{
        //         border: none;
        //     }
        // }
        .ant-card-wider-padding .ant-card-body{padding: 0}
        .scale {
            td {
                height: 80px;
                text-align: center;
                line-height: 80px;
                white-space: nowrap;
                padding: 0 10px;
                color: #4a4a4a;
            }
        }
        .gezi {
            td {
                width: 80px;
                height: 80px;
                text-align: center;
                line-height: 80px;
                background: rgba(234, 241, 248, 1);
                border: 1px solid #fff;
                color:#fff;
                padding: 4px;
                box-sizing: border-box;
                .gezitem{
                    width: 72px;
                    height: 72px; 
                    overflow: hidden;
                    font-size: 8px;
                }
            }
        }
        .legend{
            dd,dt{
                display: inline-block;
            }
            dt{
                width:15px;
                height:15px;
                margin-right: 5px;
            }
            dd{color: #999}
        }
        .sketchMap{
            dt,dd{
                display: inline-block;
            }
            .gezi {
                td {
                    text-indent: -1000px;
                    border: 1px solid #cad6e1;
                    &.on {
                        background: rgba(151, 185, 220, 1);
                        border: 1px solid rgba(151, 185, 220, 1);
                    }
                }
            }

        }
        .returnValuation{
            .gezi{
                td{
                    color: #333;
                }
            }
        }
        .dataArea .returnValuationItem{
            .ant-card-head{
                border: none;
                background: transparent;
                padding-left: 0;
                &-title{
                    color: #333;
                    line-height: 20px;
                    height: 20px;
                }
            }
        }
        .style {
            td {
                width: 80px;
                text-align: center;
                padding: 10px 0;
                color: #4a4a4a;
            }
        }
        .ant-table{
            .ant-table-thead>tr>th,.ant-table-tbody>tr>td{
                text-align: left;
                padding: 5px 16px;
                line-height: 20px;
                vertical-align: middle;
            }
            .ant-table-thead>tr>th{
                font-size: 14px;
                color: #999;
                border-right: 1px solid #fff;
                background: #f7f7f7;
            }
            .ant-table-tbody>tr>td{
                border: 1px solid #e4e4e4;
                border-top: 0;
                border-right: 0;
                &:last-child{border-right:1px solid #e4e4e4;}
            }
        }
        .ant-tabs-nav-wrap{
            background: #ddd;
            padding-left: 38px;
            background-image: url(../../../../assets/images/triangle.png);
            background-repeat: no-repeat;
            background-size: 38px 34px;
        }
        .ant-tabs-nav .ant-tabs-tab{line-height: 18px;margin-top: 4px;margin-bottom: 4px;}
        .styleResearchList{
            .ant-card-body{padding: 0 0 12px 0;}
        }
        .ant-tabs-tabpane-active>.ant-card:first-child{
            .ant-card-head{
                background: transparent;
                padding-left: 8px;
                border-left: 4px solid #4a90e2;
            }
        }
        .managerStyleBoxList{
            .ant-table .ant-table-thead>tr>th{
                color: #8d8d8d;
                text-align: right;
                &:first-child{text-align: center}
            }
            .ant-table .ant-table-tbody>tr>td{
                border: 0;
                text-align: right;
                &:first-child{text-align: center}
            }
        }
        .managerStyleBoxCharts{
            overflow-x:hidden; 
            .stockStyleScale,.sketchMap{
                background: #f8f8f8;
                padding: 16px 40px;
                }
            .stockStyleScale{padding: 16px 20px}
            .sketchMap{
                dt,dd{
                    line-height: 20px;
                    color: #333
                }
            }
        }
    }
}